<template>
  <div>
    <div>{{ code }}</div>
    <codemirrorVue
      v-model:value="code"
      language="javascript"
      :showSelection="false"
      class="code"
    />
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import codemirrorVue from './codemirror.vue'
const code = ref('')
code.value = 'select code from t_dataSource where code = "1"'
</script>
<style>
.code {
  width: 50%;
}
</style>
